<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="personal_detail.css">
</head>

<body>
    <div class="page">
        <div class="header">
            <div class="header_items">
                <div class="header_items_logo">
                    <img src="images/personal_detail_logo.png">
                </div>
                <div class="header_items_channel">
                    <span>首页</span>
                    <span>电视剧</span>
                    <span>电影</span>
                    <span>综艺</span>
                    <span>动漫</span>
                    <span>少儿</span>
                    <span>纪录片</span>
                    <span>游戏</span>
                    <div>
                        <span>全部</span>
                        <img src="images/personal_detail_all.png">
                    </div>
                </div>
                <div class="header_items_search">
                    <div class="header_items_search_box">
                        <div class="header_items_search_input">
                            <input type="text" placeholder="承欢记">
                        </div>
                        <button class="header_items_search_botton">
                            <img src="images/search-icon.jpg">
                            <span>全网搜</span>
                        </button>
                        <a href="#">
                            <div class="header_items_search_hotlist">
                                <img src="images/fire_personal_icon.png">
                                <span>热搜榜</span>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="header_items_select">
                    <span>
                        <img src="images/VIP-icon.png" alt="">
                    </span>
                    <span>
                        <img src="images/game_personal_icon.png" alt="">
                    </span>
                    <span>
                        <img src="images/record_personal_icon.png" alt="">
                    </span>
                    <span>
                        <img src="images/video_personal_icon.png" alt="">
                    </span>
                    <span>
                        <img src="images/download_personal_icon.png" alt="">
                    </span>
                    <div id="user">
                        <img src="images/user_personal_icon.png" alt="" class="user_icon">
                    </div>
                </div>
            </div>
        </div>
        <div class="detail">
            <div class="detail_left">
                <div class="detail_left_user">
                    <div class="detail_left_user_icon">
                        <img src="images/user_personal_icon.png" class="user_icon">
                        <button class="user_icon_change">
                            <img src="images/user-change-icon.png">
                            <span>切换</span>
                        </button>
                    </div>
                    <!-- <div class="detail_left_user_name">
                        <span>                         
                        </span>
                    </div> -->
                    <!-- <div class="detail_left_user_information"> -->
                    <div class="detail_left_user_content">开通VIP 大片抢先看</div>
                    <button class="detail_left_user_kaitong">开通</button>
                    <!-- </div> -->
                </div>
                <div class="detail_left_creation">
                    <a href="#">
                        <img src="images/video_personal_icon.png">
                        创作平台
                    </a>
                </div>
                <div class="detail_left_list">
                    <div class="detail_left_list_history">
                        <a href="#">
                            <img src="images/record_personal_icon.png">
                            观看历史
                        </a>
                    </div>
                    <div class="detail_left_list_binge">
                        <a href="#">
                            <img src="images/add_personal_icon.png">
                            加追
                        </a>
                    </div>
                    <div class="detail_left_list_collect">
                        <a href="#" class="collect_detail">
                            <img src="images/collect-personal-icon.png">
                            收藏
                        </a>
                    </div>
                    <div class="detail_left_list_follow">
                        <a href="#">
                            <img src="images/star-personal-icon.png">
                            订阅
                        </a>
                    </div>
                    <div class="detail_left_list_upload">
                        <a href="#">
                            <img src="images/upload-personal-icon.png">
                            上传视频
                        </a>
                    </div>
                    <div class="detail_left_list_vip">
                        <a href="#">
                            <img src="images/vip-personal-icon.png">
                            VIP会员
                        </a>
                    </div>
                    <div class="detail_left_list_diamond">
                        <a href="#">
                            <img src="images/diamond-personal-icon.png">
                            我的钻石
                        </a>
                    </div>
                    <div class="detail_left_list_setting">
                        <a href="#">
                            <img src="images/setting-personal-icon.png">
                            账号设置
                        </a>
                    </div>
                    <div class="detail_left_list_order">
                        <a href="#">
                            <img src="images/order-personal-icon.png">
                            订单
                        </a>
                    </div>
                </div>
            </div>
            <!-- <div class="detail_history">

            </div>
            <div class="detail_jiazhui">

            </div> -->
            <div class="detail_collect">
                <div class="detail_collect_head">
                    <div class="detail_collect_choice">
                        <span class="collect_choose">全部</span>
                        <span>电视剧</span>
                        <span>电影</span>
                        <span>综艺</span>
                        <span>动漫</span>
                        <span>纪录片</span>
                        <span>直播</span>
                        <span>其他</span>
                    </div>
                    <div class="detail_collect_delete_all">
                        <img src="images/delete-icon.png">清除全部
                    </div>
                </div>

                <div class="detail_collect_list">
                    <div class="detail_collect_item">
                        <div class="detail_collect_item_content">
                            <img src="images/collect_personal.jpg">
                            <a href="#">
                                <div class="detail_collect_item_play">
                                    <div></div>
                                    <img src="images/delete-icon.png">
                                </div>
                            </a>
                        </div>
                        <div class="detail_collect_item_title">醉玲珑</div>
                    </div>
                </div>

            </div>
            <!-- <div class="detail_id">

            </div> -->
        </div>
        <div class="footer">
            <div class="footer_content">
                <div class="footer_content_channel">
                    <div class="footer_content_title">热门频道</div>
                    <div class="footer_content_channel_list">
                        <div class="footer_content_item">电视剧</div>
                        <div class="footer_content_item">综艺</div>
                        <div class="footer_content_item">电影</div>
                        <div class="footer_content_item">NBA</div>
                        <div class="footer_content_item">音乐</div>
                        <div class="footer_content_item">动漫</div>
                        <div class="footer_content_item">游戏</div>
                        <div class="footer_content_item">VIP影院</div>
                        <div class="footer_content_item">纪录片</div>
                        <div class="footer_content_item">生活</div>
                        <div class="footer_content_item">体育</div>
                    </div>
                </div>
                <div class="footer_content_feature">
                    <div class="footer_content_title">特色推荐</div>
                    <!-- <div class="footer_content_list"></div> -->
                    <div class="footer_content_item">杀毒软件</div>
                </div>
                <div class="footer_content_download">
                    <div class="footer_content_title">软件下载</div>
                    <div class="footer_content_download_detail">
                        <a href="#">
                            <img src="images/phone_personal_icon.png">
                            <span class="text_icon">手机版</span>
                        </a>

                        <a href="#"><img src="images/win_personal_icon.png">
                            <span class="text_icon">Windows版</span>
                        </a>

                        <a href="#"><img src="images/apple_personal_icon.png">
                            <span class="text_icon">Mac版</span>
                        </a>

                        <a href="#"><img src="images/ipad_presonal_icon.png">
                            <span class="text_icon">iPad版</span>
                        </a>

                        <a href="#"><img src="images/tv_personal_icon.png">
                            <span class="text_icon">TV版</span>
                        </a>
                    </div>
                </div>
                <div class="footer_content_service">
                    <div class="footer_content_title">服务</div>
                    <div class="footer_content_service_list">
                        <div class="footer_content_service_list_left">
                            <div class="footer_content_item">客服</div>
                            <div class="footer_content_item">反馈</div>
                            <div class="footer_content_item">侵权投诉</div>
                            <div class="footer_content_item">VIP采购</div>
                            <div class="footer_content_item">腾讯视频隐私保护指引</div>
                            <div class="footer_content_item">腾讯视频用户服务协议</div>
                        </div>
                        <div class="footer_content_service_list_right">
                            <div class="footer_content_item">腾讯视频第三方SDK目录</div>
                            <div class="footer_content_item">腾讯视频第三方信息共享清单</div>
                            <div class="footer_content_item">腾讯视频已收集个人信息清单</div>
                            <div class="footer_content_item">腾讯儿童隐私保护声明</div>
                            <div class="footer_content_item">腾讯视频VIP会员服务协议</div>
                            <div class="footer_content_item">腾讯视频超级影视VIP会员服务协议</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="personal_detail.js"></script>
    <script src="register&login.js"></script>

</body>

</html>